@charset "utf-8";

/*Css Document */

/*消除不同浏览器对HTML文本呈现的差异==========================================================================*/

/*1.在所有浏览器中更正行高。
2.防止在iOS中更改方向后调整字体大小。*/
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; }

/*Sections(节)========================================================================== */

/*在所有浏览器中删除边距。*/
body { margin: 0; }

/*在IE中一致地渲染`main`元素。*/
main { display: block; }

/*更正`section`中`h1`元素的字体大小和边距，
Chrome，Firefox和Safari中的“article”上下文。*/
h1 { font-size: 2em; margin: 0.67em 0; }

/*Grouping content(分组内容)========================================================================== */

/*1.在Firefox中添加正确的框大小。
2.在Edge和IE中显示溢出。*/
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/*1.在所有浏览器中更正字体大小的继承和缩放。
2.在所有浏览器中更正奇数的“ em”字体大小。*/
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics(文本级语义)========================================================================== */

/*删除IE 10中活动链接上的灰色背景。*/
a { background-color: transparent; }

/*1.移除Chrome 57-中的底部边框
2.在Chrome，Edge，IE，Opera和Safari中添加正确的文字修饰。*/
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/*在Chrome，Edge和Safari中添加正确的字体粗细。*/
b, strong { font-weight: bolder; }

/*1.在所有浏览器中更正字体大小的继承和缩放。
2.在所有浏览器中更正奇数的“ em”字体大小。*/
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/*在所有浏览器中添加正确的字体大小。*/
small { font-size: 80%; }

/*防止`sub`和`sup`元素影响行的高度
所有浏览器。*/
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }

/* Embedded content(嵌入式内容)========================================================================== */

/*删除IE 10中链接内部图像的边框。*/
img { border-style: none; }

/* Forms(形式)========================================================================== */

/*1.在所有浏览器中更改字体样式。
2.在Firefox和Safari中删除边距。*/
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/*显示IE中的溢出。
1.在Edge中显示溢出。*/
button, input {/* 1 */overflow: visible; }

/*删除Edge，Firefox和IE中文本转换的继承。
1.删除Firefox中文本转换的继承。*/
button, select { /* 1 */text-transform: none; }

/*纠正了无法在iOS和Safari中设置可点击类型的样式的问题。*/
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/*在Firefox中删除内部边框和填充。*/
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/*恢复以前的规则未设置的焦点样式。*/
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/*更正Firefox中的填充。*/
fieldset { padding: 0.35em 0.75em 0.625em; }

/* 1.更正Edge和IE中的文字换行。
2.纠正IE中来自“ fieldset”元素的颜色继承。
3.删除填充，使开发人员在归零时不会被抓住
所有浏览器中的`fieldset`元素。*/
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/*在Chrome，Firefox和Opera中添加正确的垂直对齐方式。*/
progress { vertical-align: baseline; }

/*删除IE 10+中的默认垂直滚动条。*/
textarea { overflow: auto; }

/*1.在IE 10中添加正确的框大小。
2.删除IE 10中的填充。*/
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/*更正Chrome中递增和递减按钮的光标样式。*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/*1.纠正Chrome和Safari中的奇怪外观。
2.在Safari中更正轮廓样式。*/
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/*在macOS上的Chrome和Safari中删除内部填充。*/
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*1.纠正了无法在iOS和Safari中设置可点击类型的样式的问题。
2.在Safari中将字体属性更改为`inherit`。*/
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive(互动)========================================================================== */

/*在Edge，IE 10+和Firefox中添加正确的显示。*/ 
details { display: block; }

/*在所有浏览器中添加正确的显示。*/
summary { display: list-item; }

/* Misc(其他)========================================================================== */

/*在IE 10+中添加正确的显示。*/
template { display: none; }

/*在IE 10中添加正确的显示。*/
[hidden] { display: none; }

/*Document : CSS样式初始化 Description: CSS样式表的初始化，全局样式设置。*/

/* 全局CSS reset */

/* 页面设置 */

/* 初始化标签在所有浏览器中的margin、padding值 */
html { _background: url(about:blank); }
a, abbr, acronym, address, applet, area, article, aside, audio, b, base, basefont, bdi, bdo, big, blockquote, body, br, button, canvas, caption, center, cite, code, col, colgroup, command, datalist, dd, del, details, dfn, dialog, dir, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, keygen, label, legend, li, link, main, map, mark, menu, menuitem, meta, meter, nav, noframes, noscript, object, ol, optgroup, option, output, p, param, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, span, strike, strong, style, sub, summary, sup, tbody, td, textarea, tfoot, th, thead, time, title, tr, track, tt, u, ul, var, video, wbr { margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline-style: none;/*FF*/ }
header, footer, nav, section, figure, figcaption, form, aside, article, hgroup, main, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dd, dt, p { display: block; }
td { vertical-align: middle; }

/* 酌情修改 */
body { font-family: "microsoft yahei", "微软雅黑"; overflow-x: hidden; }
body, th, td, input, select, textarea, button { font-size: 14px; line-height: 1; }

/* 重置页面文字属性 */

/* 短引用的内容可取值：''或"" */
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }

/* 重置嵌套引用*/

/* 缩写，图片等无边框 */
fieldset, img, abbr, acronym { border: 0 none; }

/* 重置fieldset（表单分组）、图片的边框为0*/
img { vertical-align: top; }

/* 图片在当前行内的垂直位置 */
abbr, acronym { font-variant: normal; }
legend { color: #000; }
blockquote, q { quotes: none }

/* 重置嵌套引用的引号类型 */

/* 清除特殊标记的字体和字号 */
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }

/* 重置样式标签的样式 */

/*给strong加bold属性*/
strong { font-weight: bold; }

/* 上下标 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* 设置表格的边框被合并为一个单一的边框, 指定分隔边框模型中单元格边界之间的距离为0*/

/* 表格标题及内容居左显示 */
caption { display: none; }

/* 重置表格标题为隐藏 */
caption, th { text-align: left; }

/* 清除列表样式 */
dl, ul, ol, menu, li { list-style: none }

/* 重置类表前导符号为onne,menu在HTML5中有效 */
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

/* 输入控件字体 */
input, select, textarea, button { vertical-align: middle; outline: none; }

/* 重置表单控件垂直居中*/
textarea { resize: none }
input[type="submit"] { cursor: pointer; }

/* 鼠标样式 */
button { border: 0 none; background-color: transparent; cursor: pointer }

/* 重置表单button按钮效果 */
input::-moz-focus-inner { border: 0; padding: 0; }

/* 标题元素样式清除, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

/* 链接样式，颜色根据实际需求修改 */
a:link { }

/* 未访问的链接 */
a:visited {/* color: #999; */ }

/* 已访问的链接 */
a:hover { }

/* 鼠标移动到链接上 */
a:active { }

/* 选定的链接 */
del, ins, a { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }

/* 取消a标签点击后的虚线框 */
a:active { star: expression(this.onFocus=this.blur()); }

/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */

/*匹配元素中被用户选中或处于高亮状态的部分*/::selection { }
::-moz-selection { }
a { outline: none; transition: color 0.2s ease 0s; }

/*CSS3链接秒数缓冲效果2秒*/

/* 层板块缓冲效果CSS3 transition: all 0.3s ease 0s;   */
.clearfix { zoom: 1 }
.clearfix:after { content: '\20'; display: block; clear: both; }
.f_yh { font-family: "Arial, Helvetica, sans-serif"; }

/*f_yh为英文字体样式*/
.cursor { cursor: pointer; }
.pr { position: relative }

/*相对定位*/
.pa { position: absolute }

/*绝对定位*/
.fl { float: left; }

/*左浮动*/
.fr { float: right; }

/*右浮动*/
.fl, .fr { display: inline; }

/*浮动后，此元素会被显示为内联元素，元素前后没有换行符*/
.text_hide { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*文字颜色c，背景颜色bc*/
.c1 { color: #5d5d5d }
.c2 { color: #8f8f8f }
.c3 { color: #e44cea }
.c4 { color: #f49bff }
.c5 { color: #ff0000 }
.bc1 { background: #f3f3f3 }
.bc2 { background: #f8f8f8 }
.bc3 { background: #ffffff }

/*上边距*/
.mt1 { margin-top: 10px; }
.mt2 { margin-top: 20px; }
.mt3 { margin-top: 30px; }
.mt4 { margin-top: 40px; }
.mt5 { margin-top: 50px; }